#storeModal.show {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

#storeModal .modal-dialog {
    max-width: 848px;
    max-height: 748px;
    padding: 0;
    border-radius: 8px;
    /*overflow: hidden;*/
}
@media(min-width: 990px) {
    #storeModal .modal-dialog {
        overflow: hidden;
    }
}

/*#storeModal .map-content-container {
    height: 100% !important;
}*/

.main_content .map-content-container {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 2px 2px 8px #a7a7a799;
}

.find-store-search-container .pac-container {
    top: unset !important;
    left: unset !important;
}

.search-input-container input{
    border-radius: 4px;
    border: solid 1px #8b8b8b;
    width: 100%;
    height: 42px;
    font-size: 1.8rem;
    display: flex;
    align-items: center;
    padding: 0 30px 0 40px;
    position: relative; 
}

.find-store-modal .btn-close{
    width: auto;
    height: auto;

}
.find-store-search-container{
    max-width: 100% ;
    padding: 25px 30px;
    box-shadow: 2px 2px 10px #a7a7a799;
}

.find-store-search-container a{
    margin: 11px 0 12px ;
    font-family: Neutra2, sans-serif;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 17px;
    letter-spacing: 0;
    color: #2a2a2a;
    cursor: pointer;
}

.find-store-search-container a:hover{
    color: #FF324D !important;
}

.find-store-modal .modal-content{
    background: white !important;
}

.modal-full-width.find-store-modal {
    width: 100%;
    max-width: 848px;
    background: white;
}

.find-store-modal .modal-header{
    align-items: start;
}

.find-store-modal h2{
    text-transform: none;
    font-family: var(--font-text);
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0;
    margin-bottom: 3px;
}

.map-content-container .description{
    font-family: Neutra2TextBook, sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0;
}
.map-content-container .accordion-card-title .store-name{
    font-size: 1.5rem;
    text-transform: uppercase;
    font-family: var(--font-display);
    font-weight: 900;
    letter-spacing: 1px;
    color: #2a2a2a !important;
}
.map-content-container .accordion-card-title .new-badge{
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -21px;
}

.map-content-container{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 124px 1fr;
    height: 645px;
}

.store-details{
    padding-left: 40px;
}

.find-store-search-container{
     grid-column-start: 1;
    grid-row-start: 1;
     position: relative;
     background-color: var(--longos-white);
}
.accordion-wrapper {
    grid-column-start: 1;
    grid-row-start: 2;
}

.find-store-map {
    grid-row: span 2 / span 2;
    grid-column-start: 2;
    grid-row-start: 1;
}

.map-content-container .card-body div:first-child{
    border-top: 1px solid var(--light-gray);
    padding-top: 10px;
}
.store-number{
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #d5181a;
    border-radius: 50%;
    min-width: 24px;
    width: 24px;
    min-height: 24px;
    height: 24px;
    padding: 2px 0;
    font-size: 1.0rem;
    color: #d5181a;
    margin-right: 16px;
    text-align: center;
    font-family: var(--font-display);
    font-weight: 900;
    letter-spacing: .67px;
}

.find-store-card{
    padding: 35px 30px;
    border-bottom: 1px solid rgba(42, 42, 42, .2) ;
    border-left: 2px solid transparent;
}

.find-store-accordion .card .card-header{
    background: none;
    border: none;
}

.map-content-container .card-body .view-details {
    display: block;
    text-decoration: underline;
    padding-left: 40px;
}

.map-content-container .accordion-wrapper{
    overflow: auto;
    height: 100%;
    /*max-height: 482px;*/
    background-color: var(--longos-white);
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}
input::-ms-clear {
    display: none;
}
input[type="search"] {
    -webkit-appearance: none;
}
input::-webkit-clear-button {
    display: none;
}

#FindStoreMap {
    max-height: 606px;
}

.icon-search{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='22' viewBox='0 0 23 22' fill='none'%3E%3Ccircle cx='8.22857' cy='8.22857' r='7.62857' stroke='%232A2A2A' stroke-width='1.2'/%3E%3Cpath d='M13.8857 13.4106L21.4981 21.023' stroke='%232A2A2A' stroke-width='1.2' stroke-linecap='square'/%3E%3C/svg%3E");
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    display: block;
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    z-index: 1;
}

.search-input-container {
  position: relative;
  display: block;
}

.icon-my-location{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20.25 11.25C20.0727 9.32435 19.2246 7.52217 17.8537 6.1582C16.4829 4.79423 14.6765 3.95515 12.75 3.7875V1.5H11.25V3.7875C9.33019 3.96347 7.53263 4.80623 6.16943 6.16943C4.80623 7.53263 3.96347 9.33019 3.7875 11.25H1.5V12.75H3.7875C3.95515 14.6765 4.79423 16.4829 6.1582 17.8537C7.52217 19.2246 9.32435 20.0727 11.25 20.25V22.5H12.75V20.25C14.6824 20.081 16.4934 19.2366 17.865 17.865C19.2366 16.4934 20.081 14.6824 20.25 12.75H22.5V11.25H20.25ZM12 18.75C10.665 18.75 9.35993 18.3541 8.2499 17.6124C7.13987 16.8707 6.2747 15.8165 5.76381 14.5831C5.25292 13.3497 5.11925 11.9925 5.3797 10.6831C5.64015 9.37377 6.28302 8.17103 7.22703 7.22703C8.17103 6.28302 9.37377 5.64015 10.6831 5.3797C11.9925 5.11925 13.3497 5.25292 14.5831 5.76381C15.8165 6.2747 16.8707 7.13987 17.6124 8.2499C18.3541 9.35993 18.75 10.665 18.75 12C18.75 13.7902 18.0388 15.5071 16.773 16.773C15.5071 18.0388 13.7902 18.75 12 18.75Z' fill='%232A2A2A'/%3E%3Cpath d='M12 9C11.4067 9 10.8266 9.17595 10.3333 9.50559C9.83994 9.83524 9.45543 10.3038 9.22836 10.8519C9.0013 11.4001 8.94189 12.0033 9.05765 12.5853C9.1734 13.1672 9.45912 13.7018 9.87868 14.1213C10.2982 14.5409 10.8328 14.8266 11.4147 14.9424C11.9967 15.0581 12.5999 14.9987 13.1481 14.7716C13.6962 14.5446 14.1648 14.1601 14.4944 13.6667C14.8241 13.1734 15 12.5933 15 12C15 11.2044 14.6839 10.4413 14.1213 9.87868C13.5587 9.31607 12.7957 9 12 9ZM12 13.5C11.7033 13.5 11.4133 13.412 11.1666 13.2472C10.92 13.0824 10.7277 12.8481 10.6142 12.574C10.5007 12.2999 10.4709 11.9983 10.5288 11.7074C10.5867 11.4164 10.7296 11.1491 10.9393 10.9393C11.1491 10.7296 11.4164 10.5867 11.7074 10.5288C11.9983 10.4709 12.2999 10.5006 12.574 10.6142C12.8481 10.7277 13.0824 10.92 13.2472 11.1666C13.412 11.4133 13.5 11.7033 13.5 12C13.5 12.3978 13.342 12.7794 13.0607 13.0607C12.7794 13.342 12.3978 13.5 12 13.5Z' fill='%232A2A2A'/%3E%3C/svg%3E");
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
    display: block;
}

.my-location-container{
    gap: 10px;
}

.icon-phone{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.8294 15.4023C14.2275 15.3535 14.6163 15.5474 14.8169 15.8949L16.8938 19.4921C17.2442 20.099 16.8778 20.8688 16.1858 20.9795L13.1345 21.4679C11.0875 21.7954 9.05075 20.8259 8.01425 19.0307L3.61389 11.409C2.47503 9.43647 2.81326 6.9435 4.43652 5.34568L6.25063 3.56C6.7169 3.10103 7.49103 3.20606 7.81816 3.77267L9.95348 7.47116C10.1713 7.84851 10.1198 8.32349 9.82605 8.64531L8.4547 10.1477C8.16095 10.4695 8.1094 10.9445 8.32726 11.3219L10.56 15.1891C10.7606 15.5365 11.1493 15.7304 11.5475 15.6816L13.8294 15.4023Z' stroke='%232A2A2A' stroke-width='1.2'/%3E%3Cpath d='M14.5681 6.41943C14.5681 6.41943 16.6084 6.64033 17.7467 8.61203C18.8851 10.5837 18.0563 12.4611 18.0563 12.4611' stroke='%232A2A2A' stroke-width='1.2'/%3E%3Cpath d='M13.638 9.56787C13.638 9.56787 14.3161 9.74229 14.6844 10.3802C15.0527 11.0181 14.8647 11.6925 14.8647 11.6925' stroke='%232A2A2A' stroke-width='1.2'/%3E%3Cpath d='M14.8661 2.71191C14.8661 2.71191 18.7882 2.8309 21.0704 6.7837C23.3525 10.7365 21.4163 14.0571 21.4163 14.0571' stroke='%232A2A2A' stroke-width='1.2'/%3E%3C/svg%3E");
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
    display: block;
    
}
.view-mode-button-container{
   margin: 11px 0 12px ;
    font-family: Neutra2, sans-serif;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 17px;
    letter-spacing: 0;
    color: #2a2a2a;
    cursor: pointer;
}
.view-mode-button-container label{
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    text-transform: uppercase;
    color: #d5181a;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: .5px;
    border-bottom: 4px solid transparent;
    background-color: transparent;
}
.view-mode-button-container label.active{
    color: #d5181a;
    border-bottom: 4px solid #d5181a;
}

.map-content-container input#view-list:checked ~ .find-store-search-container .view-mode-button-container label[for="view-list"],
.map-content-container input#view-map:checked ~ .find-store-search-container .view-mode-button-container label[for="view-map"] {
    color: #d5181a;
    border-bottom: 4px solid #d5181a;
}
    
.chevron {
    transition: transform 0.2s;
}

.accordion-button[aria-expanded="true"] + div .chevron {
    transform: rotate(180deg);
}

.view-mode-button-container{display: none;}

.card-body .my-longos{
    font-weight: 700;
    padding-top: 39px;
}

.find-store-accordion .chevron {
    transition: transform 0.2s;
}

.accordion-button[aria-expanded="true"] + div .chevron {
    transform: rotate(180deg);
}

.clear-search-btn {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    font-size: 4.0rem;
    z-index: 10;
    color: rgb(102, 102, 102);
    line-height: 35px;
    height: 42px;
    width: 35px;
    text-align: center;
    font-family: var(--font-book);
}

@media (max-width: 992px) {
    
    .view-mode-button-container{display: flex;}
     
    .find-store-modal .modal-header{
        align-items: center;
    }
    
    .map-content-container {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        height: auto;
    }
    
    .find-store-search-container {
        grid-column: 1;
        grid-row: 1;
        width: 100%;
        padding-bottom: 0
    }
    
    .find-store-map {
        grid-column: 1;
        grid-row: 2;      
        height: 340px;   
    }
    
    .find-store-map iframe{
        width: 100%;
    }
    
    .accordion-wrapper {
        grid-column: 1;
        grid-row: 3;
    }
    
    .find-store-card {
        padding: 18px 20px;
    }
    
    .map-content-container input#view-list:checked ~ .listView { display: block; }
    .map-content-container input#view-list:checked ~ .mapView { display: none; }
    
    .map-content-container input#view-map:checked ~ .mapView { display: block; }
    .map-content-container input#view-map:checked ~ .listView { display: none; }
    
}

/** INFO WINDOW **/
.map-card{
    padding: 4px 4px 20px;
    width: 100%;
    overflow: hidden;
    font-size: 1.6rem;
    font-family: var(--font-text);
    font-weight: 300;
}
.map-card .head-section{
    padding-bottom: 16px;
    border-bottom: 1px solid #e9ecef;
    margin-bottom: 10px;
}

.map-card .head-section .map-title{
    margin-bottom: 6px;
    font-size: 1.5rem;
    text-transform: uppercase;
    font-family: var(--font-display);
    font-weight: 900;
    letter-spacing: 1px;
    color: #2a2a2a !important;
}
.map-hours{
    padding: 5px 0 16px;
    margin: 10px 0;
    border-bottom: 1px solid #e9ecef;
}

.map-card a{
    color: #2a2a2a ;
    border-bottom: 1px solid #2a2a2a;
}

.map-card a:hover{
     color: #d5181a ;
     border-color: #d5181a;
}
.map-view-details{
    
}